<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>中科慧联官网</title>
		<meta name="viewport" content="width=device-width, 
                                     initial-scale=1.0, 
                                     maximum-scale=1.0, 
                                     user-scalable=no">
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
		<link rel="shortcut icon" href="img/Title.png">
		<!-- 包含 bootstrap 样式表 -->
		<link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css">
		<link href="fonts/FontAwesome/font-awesome.css" rel="stylesheet">
		<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
		<link href="css/animate.css" rel="stylesheet">
		<link href="css/bootsnav.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
	    <link href="css/style.css" rel="stylesheet">
	    <link rel="stylesheet" type="text/css" href="css/information.css"/>
	    <link rel="stylesheet" type="text/css" href="css/fen.css"/>
	    <style>
	    	.navbar.bootsnav ul.nav > li > a{
	    		font-size: 16px;
	    	}
	    	.dl_information dt{
	    		color: #000;
	    		font-weight: 600;
	    		font-size: 14px;
	    	}
	    </style>
	</head>

	<body>
		
		<!--hedaer 导航-->
		<header class="header" style="padding-top: 10px;">
			<div class="header-wrapper">
				<div class="container">
					<div class="row">
						<!--导航-->
						<nav class="navbar navbar-default navbar-sticky bootsnav">

							<!-- End Top Search -->

							<div class="container">
								<!-- Start Atribute Navigation -->
								<div class="attr-nav">

								</div>
								<!-- End Atribute Navigation -->

								<!-- Start Header Navigation -->
								<div class="navbar-header">
									<img style="width: 90%; padding-top: 5px;"src="img/logo.png" class="img-responsive">
								</div>
								<!-- End Header Navigation -->

								<!-- Collect the nav links, forms, and other content for toggling -->
								<div class="collapse navbar-collapse" id="navbar-menu">
									<ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
										<li>
											<a href="index.html">首页</a>
										</li>
										<li>
											<a href="ProductService.html">产品与服务</a>
										</li>
										<li>
											<a href="Solution.html">解决方案</a>
										</li>
										<li>
											<a href="TechnicalSupport.html">技术支持</a>
											
										</li>
										<li>
											<a href="information.html">资讯中心</a>
										</li>
										<li>
											<a href="AboutUs.html">关于慧联</a>
										</li>
										<li>
											<a href="http://cloud.ic-iot.com/login.html" target="_blank">云&nbsp;平&nbsp;台</a>
										</li>
									</ul>
								</div>
								<!-- /.navbar-collapse -->
							</div>
						</nav>
					</div>
					<!--.row -->
				</div>
			</div>
			<!-- .header-wrapper -->
		</header>
		<!--轮播-->
		<div class="ms-fullscreen-template" id="slider1-wrapper" style="padding-top: 10px;">
			<!-- masterslider -->
			<div class="master-slider ms-skin-default" id="masterslider">

				<div class="ms-slide slide-5" data-delay="10">
					<img class="img-responsive" src="img/information/146.jpg">
				</div>
			</div>
			<!-- 新闻资讯 -->
				<div class="container-fluid padding-clear">
				    <div class="solution">
				        <div class="page-header text-center">
							<div class="jyTable">
								<div class="clearfix">
									<ul class="title title1 left">
										<li class='cur'>公司资讯</li>
										<li>行业资讯</li>
									</ul>
								</div>
								<div class='zong'>
									<div class="list list1">
										<div class="tabCon" >
											<div class="rows">	
									            <div class="span8" style="background:url(img/ps/INTELLIGENT--CONNECTION.png) no-repeat center 0; height: 70px; text-align: center; font-weight: 600; margin-bottom: 30px;">
									            	<img src="img/information/gongsi.png" /></br>——&nbsp;公司资讯&nbsp;——
									            </div>
								              <div id="resultBox"></div>
											  <div id="paging">
											    <div class="first">首页</div>
											    <div class="prev">上一页</div>
											    <ul class="lists"></ul>
											    <div class="go">
											      <input type="text" placeholder="Goto">
											      <button>跳转</button>
											    </div>
											    <div class="next">下一页</div>
											    <div class="last">末页</div>
											  </div>
									        </div>
										</div>
										<div class="tabCon" >
											<div class="rows">	
									            <div class="span8" style="background:url(img/ps/INTELLIGENT--CONNECTION.png) no-repeat center 0; height: 70px; text-align: center; font-weight: 600; margin-bottom: 30px;">
									            	<img src="img/information/gongsi.png" /></br>——&nbsp;行业资讯&nbsp;——
									            </div>
									            <div id="resultBox2"></div>
												  <div id="paging2">
												    <div class="first">首页</div>
												    <div class="prev">上一页</div>
												    <ul class="lists"></ul>
												    <div class="go">
												      <input type="text" placeholder="Goto">
												      <button>跳转</button>
												    </div>
												    <div class="next">下一页</div>
												    <div class="last">末页</div>
												  </div>
											</div>
										</div>
									</div>
								</div>
							</div>
				        </div>
				       
				    </div>
				</div>
			
		</div>
		
		
				<!--底部-->
		<div class="footer" style="display:flex; justify-content: space-around;">
        	<div>
        		<ul class="foot_ul">
        			<li><img src="img/logo_bot.png"/></li>
        			<li style="padding-top: 10px;">青岛中科慧联信息科技有限公司</li>
        			<li style="padding-top: 10px;">Intelligent IoT System Solutions Provider！</li>
        			<li>智能化物联网系统解决方案提供商</li>
        			<li style="padding-top: 10px;">青岛总部：青岛市高新区智力岛路1号B座25楼</li>
        			<li>北京分部：北京市海淀区中关村东路95号智能化大厦11层</li>
        			<li>Copyright © 2014-2017 | 鲁ICP备17002802号-1</li>
        		</ul>
        	</div>
        	<div>
        		<img style="float: left;padding-top: 30px;" src="img/erweima.png"/>
        		<ul class="footer_ul" style="float: left; padding-top: 10px;">
        			<li style="font-size: 18px;">联系我们</li>
        			<li>公司电话：0532-68013716</li>
        			<li>公司邮箱：company@ic-iot.com</li>
        			<li>技术支持：support@ic-iot.com</li>
        			<li>销售邮箱：sales@ic-iot.com</li>
        		</ul>
        	</div>
	    </div>
		<div class="gototop js-top">
			<a href="https://shop215545486.taobao.com/">
				<i><img style="width: 30px;" src="img/taobao.png"/></i>
			</a>
			<a href="#" id="top_btn">
				<i><img style="width: 30px;" src="img/top.png"/></i>
			</a>
		</div>
		<!-- JavaScript -->
		<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
		<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
		<script src="https://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script>
		<script src="js/bootsnav.js"></script>
		<script type="text/javascript" src='js/paging.js'></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script>
		(function (window, $, undefined) {
		    $.fn.createTab = function (opt) {
		        var def = {
		            activeEvt: 'mouseover',
		            activeCls: 'cur'
		        }
		        $.extend(def, opt);
		        this.each(function () {
		            var $this = $(this);
		            var timer;
		            $this.find('ul.title li').click(def.activeEvt,function(){
		                var index = $(this).index(),
		                    that = $(this);
		                timer = setTimeout(function(){
		                    that.addClass('cur').siblings().removeClass('cur');
		                    $this.find('div.list').animate({marginLeft:-1300*index},'slow');
		                },300);
		            }).mouseout(function(){
		                clearTimeout( timer );
		            })
		        });
		    }
		})(window, jQuery);
		$(function(){
		    $(".jyTable").createTab()
		})
		</script>
	</body>

</html>